<template>
    <div class="wrapper" :style="{ backgroundImage: `url(${bg})` }">
        <slot />
    </div>
</template>

<script setup>
defineProps({
    bg: {
        type: String,
        default: '',
    },
});
</script>

<style scoped>
.wrapper {
    background: no-repeat center / 100% 100%;
    width: 100%;
    /* prettier-ignore */
    max-width: 750PX; /*no*/
    height: 100vh;
    padding: 40px 20px;
    margin: 0 auto;
}
</style>
